<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>响应式设计：外链式媒体查询(不同视口加载不同css)</title>
		<link rel="stylesheet" href="../css/test009-css01.css" media="screen and
			 (min-width:1200px)"/>
		<link rel="stylesheet" href="../css/test009-css02.css" media="screen and
			 (max-width:1199px) and (min-width:700px)" />
		<link rel="stylesheet" href="../css/test009-css03.css" media="screen and
		 	 (max-width:699px)" />
	</head>
	<body>
		<div class="box">
			<p>1</p>
			<p>2</p>
			<p>3</p>
		</div>
		<a href="#">点击跳转...</a>
	</body>
</html>
